{% extends "base.html" %}

{% block content %}

<div class="section-title">

    <span class="eyebrow">
        RESULTS
    </span>

    <h2>
        School Championship - Point Details
    </h2>

    <p>
        {{ school.name }}
    </p>

    {% if selected_section %}
        <p>
            {{ selected_section }} Point Details
        </p>
    {% else %}
        <p>
            Total Point Details
        </p>
    {% endif %}

</div>


<div class="toolbar">

    <a
        href="{% url 'school_championship' %}"
        class="btn secondary"
    >
        Back
    </a>

</div>


<div class="panel">

    <table>

        <thead>

            <tr>

                <th>
                    Section
                </th>

                <th>
                    Item Code
                </th>

                <th>
                    Item Name
                </th>

                <th>
                    Participant / Group
                </th>

                <th>
                    Place
                </th>

                <th>
                    Point
                </th>

            </tr>

        </thead>


        <tbody>

            {% for row in detail_rows %}

            <tr>

                <td>
                    {{ row.section }}
                </td>

                <td>
                    {{ row.item_code }}
                </td>

                <td>
                    {{ row.item_name }}
                </td>

                <td>
                    {{ row.participant_name }}
                </td>

                <td>

                    {% if row.place == 1 %}
                        First
                    {% elif row.place == 2 %}
                        Second
                    {% elif row.place == 3 %}
                        Third
                    {% else %}
                        {{ row.place }}
                    {% endif %}

                </td>

                <td>
                    <strong>
                        {{ row.points }}
                    </strong>
                </td>

            </tr>

            {% empty %}

            <tr>

                <td
                    colspan="6"
                    class="text-center"
                >
                    No published points found.
                </td>

            </tr>

            {% endfor %}

        </tbody>


        <tfoot>

            <tr>

                <th colspan="5">
                    Total Point
                </th>

                <th>
                    {{ total_points }}
                </th>

            </tr>

        </tfoot>

    </table>

</div>

{% endblock %}